<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CSS简介</title>
  </head>
  <body>
    <!-- 
        网页分成三个部分：
            结构-HTML
            表现-CSS
            行为-JavaScript
        表现-CSS
            - 层叠颜色表
            - 网页实际上是一个多层的结构，通过CSS可以分别为网页的每一个层来设置样式
                而最终我们能看到只是网页的最上边一层
            - 总之一句话，CSS用来设置网页中元素的样式
        
        使用CSS来修改元素的样式：
            第一种方式（内联样式，行内样式）
            第二种方式（内部样式表）将样式编写到head中的style标签里
            第三种方式（外部样式）
     -->
    <p style="color: red; font-size: 60px">今天下雨了</p>
  </body>
</html>
